<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <meta name="referrer" content="no-referrer" />
    <link rel="stylesheet" href="../css/home_page.css">
</head>

<body>
    <div class="top_nav">
        <div class="top_nav_wrapper">
            <ul class="top_nav_l">
                <li><a href=""> <img src="../img/xingxing.png" alt="">收藏鲜花网(hua.com) </a></li>
                <li><a href=""><img src="../img/weixin.png" alt=""> 关注微信</a></li>
                <li><a href=""><img src="../img/hua.png" alt=""> 花礼网app</a></li>
            </ul>

            <ul class="top_nav_r">
                <li id="login"><a href="./login.html">登录</a></li>
                <li id="reg"><a href="./reg.html">注册</a></li>
                <li id="logout"><a href="#">注销</a></li>
                <li><a href="">订单查询</a></li>
                <li><a href="">客户服务</a></li>
                <li><a href="../html/shoppingcart.html"> 购物车 <img src="../img/gouwuchekong.png" alt=""></a></li>
                <li>鲜花礼品网:国内领先鲜花网品牌</li>
            </ul>
        </div>

    </div>

    <div class="header_container">
        <div class="logo">
            <a href="#" class="logo_nav"></a>
        </div>
        <div class="search-box-group">
            <span class="search_img"></span>
            <input type="text" class="search_txt" placeholder="商品搜索">
            <button class="search_btn"> 搜索</button>
        </div>
        <ul class="searvice">
            <li class="searvice_phon"><span class="phon_img"></span><span>400-889-8188</span> </li>
            <li class="searvice_kefu"><span class="kefu_img"></span> <span>在线客服</span></li>
        </ul>
    </div>

    <div class="banner">
        <div class=" banner_inner">
            <div class="item "
                style="background: url(https://img02.hua.com/slider/21_day0614_pc_new.jpg);background-position: center;">
                <a href="goods_list.html"></a></div>
            <div class="item"
                style="background: url(https://img02.hua.com/slider/21_birthday_banner_pc.jpg);background-position: center;">
                <a href="goods_list.html"></a></div>

            <div class="item"
                style="background: url(https://img02.hua.com/slider/20_graduation_pc.jpg);background-position: center;">
                <a href="goods_list.html"></a></div>
        </div>
        <span class="prev"><img src="../img//arrow-double-left.png" alt=""></span>
        <span class="next"><img src="../img/arrow-double-right.png" alt=""></span>
        <ul class="banner_radius">
            <li class="active"></li>
            <li></li>
            <li></li>
        </ul>

        <div class="banner_dropdown">
            <div class="dropdown_item">
                <h4>鲜花用途</h4>
                <ul>
                    <li><a href="#">爱情鲜花</a></li>
                    <li><a href="#">生日鲜花</a></li>
                    <li><a href="#">友情鲜花</a></li>
                    <li><a href="#">问候长辈</a></li>
                    <li><a href="#">探病慰问</a></li>
                    <li><a href="#">道歉鲜花</a></li>
                    <li><a href="#">祝贺鲜花</a></li>
                    <li><a href="#">婚庆鲜花</a></li>
                    <li><a href="#">商务鲜花</a></li>
                </ul>
            </div>
            <div class="dropdown_item">
                <h4>鲜花花材</h4>
                <ul>
                    <li><a href="#">玫瑰</a></li>
                    <li><a href="#">康乃馨</a></li>
                    <li><a href="#">百合</a></li>
                    <li><a href="#">向日葵</a></li>
                    <li><a href="#">扶郎</a></li>
                    <li><a href="#">郁金香</a></li>
                    <li><a href="#">马蹄莲</a></li>
                </ul>
            </div>
            <div class="dropdown_item cate_pop">
                <h4>永生花</h4>
                <ul>
                    <li><a href="#">永生瓶花</a></li>
                    <li><a href="#">经典花盒</a></li>
                    <li><a href="#">特色永生花</a></li>
                </ul>
                <div class="right_pop">
                    <div class="right_pop_select">
                        <p>永生花类别</p>
                        <ul>
                            <li><img src="https://img02.hua.com/m/category/Classification/m_category_ppf_sort_Vase.png"
                                    alt="">
                                <p>永生瓶花</p>
                            </li>
                            <li><img src="https://img02.hua.com/m/category/Classification/m_category_ppf_sort_Box.png"
                                    alt="">
                                <p>经典花盒</p>
                            </li>
                            <li><img src="https://img02.hua.com/m/category/Classification/m_category_ppf_sort_Special.png"
                                    alt="">
                                <p>特色永生花</p>
                            </li>
                            <li><img src="https://img02.hua.com/m/category/Classification/m_category_ppf_sort_GiantRose.png"
                                    alt="">
                                <p>巨型玫瑰</p>
                            </li>
                        </ul>
                    </div>
                    <div class="right_pop_select">
                        <p>对象</p>
                        <ul>
                            <li><img src="https://img02.hua.com/m/category/Classification/m_category_ppf_use_Girlfriend.png"
                                    alt="">
                                <p>送女友</p>
                            </li>
                            <li><img src="https://img02.hua.com/m/category/Classification/m_category_ppf_use_Boyfriend.png"
                                    alt="">
                                <p>送男友</p>
                            </li>
                            <li><img src="https://img02.hua.com/m/category/Classification/m_category_ppf_use_Elder.png"
                                    alt="">
                                <p>送长辈</p>
                            </li>
                            <li><img src="https://img02.hua.com/m/category/Classification/m_category_ppf_use_Friend.png"
                                    alt="">
                                <p>送朋友</p>
                            </li>
                        </ul>
                    </div>


                </div>
            </div>
            <div class="dropdown_item cate_pop">
                <h4>蛋糕</h4>
                <ul>
                    <li><a href="#">元祖</a></li>
                    <li><a href="#">幸福西饼</a></li>
                    <li><a href="#">21cake</a></li>
                    <li><a href="#">诺心蛋糕</a></li>
                    <li><a href="#">窝夫小子</a></li>
                    <li><a href="#">BONCAKE</a></li>
                </ul>
                <div class="right_pop">
                    <div class="right_pop_select">
                        <p>蛋糕品牌</p>
                        <ul>
                            <li><img src="https://img02.hua.com/m/category/Classification/m_category_cake_ganso.png"
                                    alt="">
                                <p>元祖蛋糕</p>
                            </li>
                            <li><img src="https://img02.hua.com/m/category/Classification/m_category_cake_xfxb.png"
                                    alt="">
                                <p>幸福西饼蛋糕</p>
                            </li>
                            <li><img src="https://img02.hua.com/m/category/Classification/m_category_cake_21cake.png"
                                    alt="">
                                <p>甘一客蛋糕</p>
                            </li>
                            <li><img src="https://img02.hua.com/m/category/Classification/m_category_cake_boncake.png"
                                    alt="">
                                <p>BONCAKE蛋糕</p>
                            </li>
                            <li><img src="https://img02.hua.com/m/category/Classification/m_category_cake_waffleboy.png"
                                    alt="">
                                <p>窝夫小子蛋糕</p>
                            </li>
                            <li><img src="https://img02.hua.com/m/category/Classification/m_category_cake_cakeboss.png"
                                    alt="">
                                <p>CAKEBOSS蛋糕</p>
                            </li>
                            <li><img src="https://img02.hua.com/m/category/Classification/m_category_cake_mcake.png"
                                    alt="">
                                <p>Mcake蛋糕</p>
                            </li>
                            <li><img src="https://img02.hua.com/m/category/Classification/m_category_cake_cheesecake.png"
                                    alt="">
                                <p>心之和蛋糕</p>
                            </li>
                            <li><img src="https://img02.hua.com/m/category/Classification/m_category_cake_pantry.png"
                                    alt="">
                                <p>派悦坊蛋糕</p>
                            </li>
                            <li><img src="https://img02.hua.com/m/category/Classification/m_category_cake_micamika.png"
                                    alt="">
                                <p>米卡米卡蛋糕</p>
                            </li>
                            <li><img src="https://img02.hua.com/m/category/Classification/m_category_cake_lecake.png"
                                    alt="">
                                <p>诺心蛋糕</p>
                            </li>
                            <li><img src="https://img02.hua.com/m/category/Classification/m_category_cake_vcaketop.png"
                                    alt="">
                                <p>Vcake蛋糕</p>
                            </li>
                            <li><img src="https://img02.hua.com/m/category/Classification/m_category_cake_all.png"
                                    alt="">
                                <p>全国蛋糕</p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="dropdown_item cate_pop">
                <h4>礼品/公仔/绿植</h4>

                <div class="right_pop">
                    <div class="right_pop_select">
                        <p>礼品品牌</p>
                        <ul>
                            <li><img src="https://img02.hua.com/m/category/Classification/m_category_gift_brand_SWAROVSKI.png"
                                    alt="">
                                <p>施华洛世奇</p>
                            </li>
                            <li><img src="https://img02.hua.com/m/category/Classification/m_category_gift_brand_GlamEver.png"
                                    alt="">
                                <p>Glam Ever潮牌饰品</p>
                            </li>
                            <li><img src="https://img02.hua.com/m/category/Classification/m_category_gift_brand_Dior.png"
                                    alt="">
                                <p>迪奥Dior</p>
                            </li>
                            <li><img src="https://img02.hua.com/m/category/Classification/m_category_gift_brand_MW.png"
                                    alt="">
                                <p>猫王收音机</p>
                            </li>
                            <li><img src="https://img02.hua.com/m/category/Classification/m_category_gift_brand_HelloKitty.png"
                                    alt="">
                                <p>Hello Kitty</p>
                            </li>
                        </ul>
                    </div>
                    <div class="right_pop_select">
                        <p>礼品种类</p>
                        <ul>
                            <li><img src="https://img02.hua.com/m/category/Classification/m_category_gift_sort_Musicbox.png"
                                    alt="">
                                <p>音乐盒</p>
                            </li>
                            <li><img src="https://img02.hua.com/m/category/Classification/m_category_gift_sort_Goldfoilflower.png"
                                    alt="">
                                <p>金箔花</p>
                            </li>
                            <li><img src="https://img02.hua.com/m/category/Classification/m_category_gift_sort_3DCrystal.png"
                                    alt="">
                                <p>3D水晶内雕</p>
                            </li>
                            <li><img src="https://img02.hua.com/m/category/Classification/m_category_gift_sort_JewelryBeauty.png"
                                    alt="">
                                <p>首饰/美妆</p>
                            </li>
                            <li><img src="https://img02.hua.com/m/category/Classification/m_category_gift_sort_Chocolates.png"
                                    alt="">
                                <p>巧克力</p>
                            </li>
                            <li><img src="https://img02.hua.com/m/category/Classification/m_category_gift_sort_dolls.png"
                                    alt="">
                                <p>公仔/睡枕</p>
                            </li>
                            <li><img src="https://img02.hua.com/m/category/Classification/m_category_gift_sort_OrnamentsOthers.png"
                                    alt="">
                                <p>摆件/其他</p>
                            </li>
                            <li><img src="https://img02.hua.com/m/category/Classification/m_category_Plants_Green.png"
                                    alt="">
                                <p>绿色植物</p>
                            </li>
                            <li><img src="https://img02.hua.com/m/category/Classification/m_category_Plants_Potted.png"
                                    alt="">
                                <p>盆栽花卉</p>
                            </li>
                            <li><img src="https://img02.hua.com/m/category/Classification/m_category_Plants_Succulent.png"
                                    alt="">
                                <p>多肉植物盆栽</p>
                            </li>
                            <li><img src="https://img02.hua.com/m/category/Classification/m_category_gift_sort_Yinxiang.png"
                                    alt="">
                                <p>蓝牙音箱</p>
                            </li>
                        </ul>
                    </div>

                </div>
            </div>
        </div>
    </div>

    <div class="main_server">
        <ul>
            <li><span class="main_server_img1"></span>
                <h4>鲜花电商认证龙头企业</h4>
            </li>
            <li><span class="main_server_img2"></span>
                <h4>16年品牌</h4>
            </li>
            <li><span class="main_server_img3"></span>
                <h4>三小时全国送花</h4>
            </li>
            <li><span class="main_server_img4"></span>
                <h4>200%退赔承诺</h4>
            </li>
            <li><span class="main_server_img5"></span>
                <h4>最近425461条评价</h4>
            </li>
        </ul>
    </div>

    <div class="festival">
        <div class="festival_banner">
            <a href=""><img src="https://img02.hua.com/zhuanti/fatherday/2021/pc_fatherday_mbanner.png?v1" alt=""></a>
        </div>
        <div class="festival_product">
            <div class="festival_list">
                <div class="festival_item">
                    <a href="">
                        <img src="https://img02.hua.com/zhuanti/fatherday/2021/product_9012522.png" alt="">
                        <p class="festival_item_name">父亲节新品</p>
                        <p class="festival_item_desc">时光慢点</p>
                        <p class="festival_item_price">￥236</p>
                    </a>
                </div>
                <div class="festival_item">
                    <a href="">
                        <img src="https://img02.hua.com/zhuanti/fatherday/2021/product_9012440.png" alt="">
                        <p class="festival_item_name">父亲节力荐</p>
                        <p class="festival_item_desc">星河璀璨</p>
                        <p class="festival_item_price">￥288</p>
                    </a>
                </div>
                <div class="festival_item">
                    <a href="">
                        <img src="https://img02.hua.com/zhuanti/fatherday/2021/product_9012519.png" alt="">
                        <p class="festival_item_name">高端新品花篮</p>
                        <p class="festival_item_desc">阳光使者</p>
                        <p class="festival_item_price">￥289</p>
                    </a>
                </div>
                <div class="festival_item">
                    <a href="">
                        <img src="https://img02.hua.com/zhuanti/fatherday/2021/product_1077011.jpg" alt="">
                        <p class="festival_item_name">会发光的书本</p>
                        <p class="festival_item_desc">书本灯</p>
                        <p class="festival_item_price">￥198</p>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="scene">
        <div class="scene_list">
            <div class="scene_list_vertical">
                <a href="">
                    <img src="https://img02.hua.com/pc/pimg/home/home_channel_lover.jpg" alt="">
                </a>
            </div>
        </div>
        <div class="scene_list">
            <div class="scene_list_horizontal">
                <a href="">
                    <img src="https://img02.hua.com/pc/pimg/home/home_channel_elder2.jpg" alt="">
                </a>
            </div>
            <div class="scene_list_horizontal">
                <a href="">
                    <img src="https://img02.hua.com/pc/pimg/home/home_channel_friend.jpg" alt="">
                </a>
            </div>
        </div>
        <div class="scene_list">
            <div class="scene_list_vertical">
                <a href="">
                    <img src="https://img02.hua.com/pc/pimg/home/home_channel_birthday.jpg" alt="">
                </a>
            </div>
        </div>
        <div class="scene_list">
            <div class="scene_list_horizontal">
                <div class="scene_list_vertical_mini"><a href=""><img
                            src="https://img02.hua.com/pc/pimg/home/home_channel_express.jpg" alt=""></a></div>
                <div class="scene_list_vertical_mini"><a href=""><img
                            src="https://img02.hua.com/pc/pimg/home/home_channel_business.png" alt=""></a></div>
            </div>
            <div class="scene_list_horizontal">
                <a href=""><img src="https://img02.hua.com/pc/pimg/home/home_channel_you_2.jpg?v2" alt=""></a>
            </div>
        </div>
    </div>

    <div class="scene2">
        <div class="scene2_list">
            <div class="scene_list_vertical">
                <a href=""><img src="https://img02.hua.com/pc/pimg/home/home_channel_rexiao.png" alt=""></a>
                <span>热销21.6万束</span>
            </div>
        </div>
        <div class="scene2_list">
            <div class="scene_list_vertical">
                <a href=""><img src="https://img02.hua.com/pc/pimg/home/home_channel_tejia.png" alt=""></a>

            </div>
        </div>
        <div class="scene2_list">
            <div class="scene_list_vertical">
                <a href=""><img src="https://img02.hua.com/pc/pimg/home/home_channel_xinpin.png" alt=""></a>
            </div>
        </div>
        <div class="scene2_list">
            <div class="scene_list_vertical">
                <a href=""><img src="https://img02.hua.com/pc/pimg/home/home_channel_pinwei.png" alt=""></a>
            </div>
        </div>
    </div>

    <div class="fl">
        <div class="fl_container">
            <div class="hd">
                <a href="" class="more">更多爱情鲜花 <span class="right_arrow"></span></a>

                <h3><a href="">爱情鲜花</a>
                    <span>送·让你怦然心动的人</span>
                </h3>
            </div>
            <div class="bd">
                <div class="bd_l">
                    <div class="banner_box">
                        <a href="">
                            <img src="https://img02.hua.com/pc/pimg/home/home_floor_lover.png" alt="">
                        </a>
                        <div class="link_cover">
                            <a href="">
                                爱情鲜花专区
                                <span class="icon_dotarrow"></span>
                            </a>
                        </div>
                    </div>

                </div>
                <div class="fl_products">
                    <div class="fl_products_item">
                        <a href="">
                            <div class="fl_products_item_img">
                                <img src="https://img01.hua.com/uploadpic/newpic/9012471.jpg_220x240.jpg" alt=""
                                    width="220" height="240">
                            </div>
                            <div class="product_content">
                                <p class="product_content_title"> 爱情·你是唯一 </p>
                                <p class="product_content_price"> ￥139 </p>
                                <p class="product_content_sell"> 已售7.0万件 </p>
                            </div>
                        </a>
                    </div>
                    <div class="fl_products_item">
                        <a href="">
                            <div class="fl_products_item_img">
                                <img src="https://img01.hua.com/uploadpic/newpic/9010966.jpg_220x240.jpg" alt=""
                                    width="220" height="240">
                            </div>
                            <div class="product_content">
                                <p class="product_content_title"> 爱情·一往情深</p>
                                <p class="product_content_price"> ￥248 </p>
                                <p class="product_content_sell"> 已售13.6万件 </p>
                            </div>
                        </a>
                    </div>
                    <div class="fl_products_item">
                        <a href="">
                            <div class="fl_products_item_img">
                                <img src="https://img01.hua.com/uploadpic/newpic/9012455.jpg_220x240.jpg" alt=""
                                    width="220" height="240">
                            </div>
                            <div class="product_content">
                                <p class="product_content_title"> 爱情·韩式系列/亲爱的你 </p>
                                <p class="product_content_price"> ￥389 </p>
                                <p class="product_content_sell"> 已售2.0万件 </p>
                            </div>
                        </a>
                    </div>
                    <div class="fl_products_item">
                        <a href="">
                            <div class="fl_products_item_img">
                                <img src="https://img01.hua.com/uploadpic/newpic/9012175.jpg_220x240.jpg" alt=""
                                    width="220" height="240">
                            </div>
                            <div class="product_content">
                                <p class="product_content_title"> 爱情·月光女神 </p>
                                <p class="product_content_price"> ￥239 </p>
                                <p class="product_content_sell"> 已售5.1万件 </p>
                            </div>
                        </a>
                    </div>
                    <div class="fl_products_item">
                        <a href="">
                            <div class="fl_products_item_img">
                                <img src="https://img01.hua.com/uploadpic/newpic/9012499.jpg_220x240.jpg" alt=""
                                    width="220" height="240">
                            </div>
                            <div class="product_content">
                                <p class="product_content_title"> 爱情·韩式鲜花/此情不渝 </p>
                                <p class="product_content_price"> ￥278 </p>
                                <p class="product_content_sell"> 已售2091件 </p>
                            </div>
                        </a>
                    </div>
                    <div class="fl_products_item">
                        <a href="">
                            <div class="fl_products_item_img">
                                <img src="https://img01.hua.com/uploadpic/newpic/9012243.jpg_220x240.jpg" alt=""
                                    width="220" height="240">
                            </div>
                            <div class="product_content">
                                <p class="product_content_title"> 爱情·恋恋情深 </p>
                                <p class="product_content_price"> ￥198 </p>
                                <p class="product_content_sell"> 已售8.5万件 </p>
                            </div>
                        </a>
                    </div>
                    <div class="fl_products_item">
                        <a href="">
                            <div class="fl_products_item_img">
                                <img src="https://img01.hua.com/uploadpic/newpic/9012177.jpg_220x240.jpg" alt=""
                                    width="220" height="240">
                            </div>
                            <div class="product_content">
                                <p class="product_content_title"> 爱情·不变的承诺 </p>
                                <p class="product_content_price"> ￥569 </p>
                                <p class="product_content_sell"> 已售7.2万件 </p>
                            </div>
                        </a>
                    </div>
                    <div class="fl_products_item">
                        <a href="">
                            <div class="fl_products_item_img">
                                <img src="https://img01.hua.com/uploadpic/newpic/9012508.jpg_220x240.jpg" alt=""
                                    width="220" height="240">
                            </div>
                            <div class="product_content">
                                <p class="product_content_title"> 爱情·淳美之爱 </p>
                                <p class="product_content_price"> ￥338 </p>
                                <p class="product_content_sell"> 已售234件 </p>
                            </div>
                        </a>
                    </div>
                </div>

            </div>
        </div>
    </div>
 
    <div class="fl">
        <div class="fl_container">
            <div class="hd">
                <a href="" class="more">更多送长辈鲜花 <span class="right_arrow"></span></a>

                <h3><a href="">送长辈鲜花</a>
                    <span>赠·父母/恩师/长辈</span>
                </h3>
            </div>
            <div class="bd">
                <div class="bd_l">
                    <div class="banner_box">
                        <a href="">
                            <img src="https://img02.hua.com/pc/pimg/home/home_floor_elder.png" alt="">
                        </a>
                        <div class="link_cover">
                            <a href="">
                                送长辈鲜花专区
                                <span class="icon_dotarrow"></span>
                            </a>
                        </div>
                    </div>

                </div>
                <div class="fl_products">
                    <div class="fl_products_item">
                        <a href="">
                            <div class="fl_products_item_img">
                                <img src="https://img01.hua.com/uploadpic/newpic/9012452.jpg_220x240.jpg" alt=""
                                    width="220" height="240">
                            </div>
                            <div class="product_content">
                                <p class="product_content_title"> 送长辈·一路向阳 </p>
                                <p class="product_content_price"> ￥296 </p>
                                <p class="product_content_sell"> 已售7.4万件 </p>
                            </div>
                        </a>
                    </div>
                    <div class="fl_products_item">
                        <a href="">
                            <div class="fl_products_item_img">
                                <img src="https://img01.hua.com/uploadpic/newpic/9012505.jpg_220x240.jpg" alt=""
                                    width="220" height="240">
                            </div>
                            <div class="product_content">
                                <p class="product_content_title">  送长辈·感恩母亲</p>
                                <p class="product_content_price"> ￥169 </p>
                                <p class="product_content_sell"> 已售3385件 </p>
                            </div>
                        </a>
                    </div>
                    <div class="fl_products_item">
                        <a href="">
                            <div class="fl_products_item_img">
                                <img src="https://img01.hua.com/uploadpic/newpic/9012503.jpg_220x240.jpg" alt=""
                                    width="220" height="240">
                            </div>
                            <div class="product_content">
                                <p class="product_content_title"> 送长辈·健康喜乐 </p>
                                <p class="product_content_price"> ￥269 </p>
                                <p class="product_content_sell"> 已售2360件 </p>
                            </div>
                        </a>
                    </div>
                    <div class="fl_products_item">
                        <a href="">
                            <div class="fl_products_item_img">
                                <img src="https://img01.hua.com/uploadpic/newpic/9012175.jpg_220x240.jpg" alt=""
                                    width="220" height="240">
                            </div>
                            <div class="product_content">
                                <p class="product_content_title"> 送长辈·温柔以待 </p>
                                <p class="product_content_price"> ￥239 </p>
                                <p class="product_content_sell"> 已售1.7万件 </p>
                            </div>
                        </a>
                    </div>
                    <div class="fl_products_item">
                        <a href="">
                            <div class="fl_products_item_img">
                                <img src="https://img01.hua.com/uploadpic/newpic/9012204.jpg_220x240.jpg" alt=""
                                    width="220" height="240">
                            </div>
                            <div class="product_content">
                                <p class="product_content_title"> 送长辈·幸福万年长 </p>
                                <p class="product_content_price"> ￥332 </p>
                                <p class="product_content_sell"> 已售4524件 </p>
                            </div>
                        </a>
                    </div>
                    <div class="fl_products_item">
                        <a href="">
                            <div class="fl_products_item_img">
                                <img src="https://img01.hua.com/uploadpic/newpic/9010766.jpg_220x240.jpg" alt=""
                                    width="220" height="240">
                            </div>
                            <div class="product_content">
                                <p class="product_content_title"> 送长辈·圆满</p>
                                <p class="product_content_price"> ￥279 </p>
                                <p class="product_content_sell"> 已售9717件 </p>
                            </div>
                        </a>
                    </div>
                    <div class="fl_products_item">
                        <a href="">
                            <div class="fl_products_item_img">
                                <img src="https://img01.hua.com/uploadpic/newpic/9012189.jpg_220x240.jpg" alt=""
                                    width="220" height="240">
                            </div>
                            <div class="product_content">
                                <p class="product_content_title">  送长辈·恩情无限 </p>
                                <p class="product_content_price"> ￥175 </p>
                                <p class="product_content_sell"> 已售1.7万件 </p>
                            </div>
                        </a>
                    </div>
                    <div class="fl_products_item">
                        <a href="">
                            <div class="fl_products_item_img">
                                <img src="https://img01.hua.com/uploadpic/newpic/9012510.jpg_220x240.jpg" alt=""
                                    width="220" height="240">
                            </div>
                            <div class="product_content">
                                <p class="product_content_title"> 送长辈·乘风破浪</p>
                                <p class="product_content_price"> ￥326 </p>
                                <p class="product_content_sell"> 已售646件 </p>
                            </div>
                        </a>
                    </div>
                </div>

            </div>
        </div>
    </div>





</body>





<script src="../js/jquery.js"></script>
<script>
    var login_username = localStorage.getItem('loginname');
    class banner {
        constructor(e) {
            this.ele = $(e);
            this.item = this.ele.find('.item');
            this.banner_radius = this.ele.find('li')
            this.prev = this.ele.find('.prev');
            this.next = this.ele.find('.next');
            this.index = 0;
            this.timer = null;
            this.flag = false;
            this.autoplay();
            this.init();
        }
        autoplay() {

            clearInterval(this.timer);
            this.banner_radius.eq(this.index).addClass('active');
            this.item.eq(this.index).addClass('on');
            this.timer = setInterval(() => {
                if (this.index > this.item.length - 1) {
                    this.index = 0;
                }
                this.item.each((i, val) => {
                    this.item.eq(i).removeClass('on')
                    this.banner_radius.eq(i).removeClass('active')
                })
                this.item.eq(this.index).addClass('on');
                this.banner_radius.eq(this.index).addClass('active')
                this.index++;

            }, 2000)
        }
        init() {
            //下一张图按钮
            this.next.click(() => {
                clearInterval(this.timer);
                this.index++;
                if (this.index > this.item.length - 1) {
                    this.index = 0;
                }
                this.item.each((i, val) => {
                    this.item.eq(i).removeClass('on')
                    this.banner_radius.eq(i).removeClass('active')
                })
                this.item.eq(this.index).addClass('on');
                this.banner_radius.eq(this.index).addClass('active');
                this.autoplay();

            })

            this.prev.click(() => {
                clearInterval(this.timer);
                this.index--;
                console.log(this.index)
                if (this.index < 0) {
                    this.index = this.item.length - 1;
                }
                this.item.each((i, val) => {
                    this.item.eq(i).removeClass('on')
                    this.banner_radius.eq(i).removeClass('active')
                })

                this.item.eq(this.index).addClass('on');
                this.banner_radius.eq(this.index).addClass('active');
                this.autoplay();

            })
        }
    }


    var a = new banner('.banner');

    //是否登录判定来显示用户名  
    if (login_username) {
        $('#login').html(`<p >欢迎：${login_username}</p>`)
    }
    //注销按钮用来退出用户
    $('body').on('click','#logout',function(){
        if(login_username){
            localStorage.removeItem('loginname');
            $('#login').html(`<a href="./login.html">登录</a>`)
        }
    })
</script>

</html>